<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>cate</title>
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1977519_d2anjz5z6hc.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/cate.css">
</head>

<body>
    <header>
        <ul class="head-list">
            <li class="backk">
                <a href="#" class="iconfont iconarrowleft"></a>
            </li>
            <li class="app-name">心悦小说</li>
            <li>
                <a href="./search.html" class="iconfont iconsearch2"></a>
                <a href="./login.html" class="iconfont iconuser_line"></a>
            </li>
        </ul>
    </header>
    <nav>
        <ul class="nav">
            <li>
                <a href="./bag.html">书包</a>
            </li>
            <li>
                <a href="./index.html">精选</a>
            </li>
            <li>
                <a href="./rank.html">排行</a>
            </li>
            <li>
                <a href="javascript:void(0);" class="nav-on">分类</a>
            </li>
        </ul>
    </nav>
    <main>
        <div class="boy-sort">
            <div class="main-tit">
                男生分类
            </div>
            <div class="keyword-sort keyword-change">
                <a href="#" class="dongfang" data-tag="0">东方玄幻</a>
                <a href="#">古典仙侠</a>
                <a href="#">现代修真</a>
                <a href="#">都市生活</a>
                <a href="#">都市超能</a>
                <a href="#">架空历史</a>
                <a href="#">军事战争</a>
                <a href="#">虚拟网游</a>
                <a href="#">末世进化</a>
                <a href="#">时空穿梭</a>
            </div>
            <div class="sort-showall iconfont iconarrow_down"></div>
        </div>
        <div class="girl-sort">
            <div class="main-tit">
                女生分类
            </div>
            <div class="keyword-sort">
                <a href="#">古代言情</a>
                <a href="#">穿越重生</a>
                <a href="#">浪漫言情</a>
                <a href="#">烽火情缘</a>
                <a href="#">忧伤青春</a>
                <a href="#">玄幻仙侠</a>
                <a href="#">都市幻想</a>
                <a href="#">悬疑灵异</a>
            </div>
        </div>
        <div class="boy-bg">
            <div class="main-tit">
                男生背景
            </div>
            <div class="keyword-sort">
                <a href="#">穿越</a>
                <a href="#">重生</a>
                <a href="#">异界</a>
                <a href="#">修真</a>
                <a href="#">都市</a>
                <a href="#">异能</a>

            </div>
        </div>
        <div class="boy-plot">
            <div class="main-tit">
                男生情节
            </div>
            <div class="keyword-sort">
                <a href="#">修仙</a>
                <a href="#">奇遇</a>
                <a href="#">奋斗</a>
                <a href="#">争霸</a>
                <a href="#">权谋</a>
                <a href="#">升级文</a>
            </div>
        </div>
        <div class="girl-bg">
            <div class="main-tit">
                女生背景
            </div>
            <div class="keyword-sort">
                <a href="#">穿越</a>
                <a href="#">重生</a>
                <a href="#">宅斗</a>
                <a href="#">宫廷</a>
            </div>
        </div>
    </main>
    <footer>
        <div class="foot-logo">
            <img src="./images/decoration.png" alt="">
            <span class="iconfont iconbaidu"></span>
            <img src="./images/decoration.png" class="dec-right" alt="">
        </div>
        <div class="foot-line"></div>
        <div class="foot-txt">
            <p>“比鬼神更可怕的，是人心。”</p>
            <p class="source">--小艾同学</p>
        </div>
        <div class="foot-line foot-line-bottom"></div>
    </footer>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
    <script src="./javascripts/cate.js"></script>
    <script>
        var $tag = $('.dongfang')
        console.log(11,$tag)
        $tag.on('click', function () {
            var booktag = $(this)[0].dataset.tag//当前查询条件
            if (booktag == undefined) {
                // 不管
            } else {
                location.href = `T-O-f.html?booktag=${booktag}`;
            }
        })
    </script>
    <script src="./javascripts/back2.js"></script>
</body>

</html>